<!-- 
内边距
-->

<template>
  <div class="colStart">
    <div class="rowBetween">
      <div class="rowStart">
        <div class="cLabel">上</div>
        <el-input-number v-model="_widget.style.padding![0]" controls-position="right" style="width: 120px"/>
      </div>
      <div class="rowStart">
        <div class="cLabel">右</div>
        <el-input-number v-model="_widget.style.padding![1]" controls-position="right" style="width: 120px" />
      </div>
    </div>
    <div class="rowBetween mt-4">
      <div class="rowStart">
        <div class="cLabel">下</div>
        <el-input-number v-model="_widget.style.padding![2]" controls-position="right" style="width: 120px" />
      </div>
      <div class="rowStart">
        <div class="cLabel">左</div>
        <el-input-number v-model="_widget.style.padding![3]" controls-position="right" style="width: 120px" />
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import type { TypeWidget } from "@/types/TypeDesign";
import type { PropType } from "vue";

const props = defineProps({
  _widget: {
    type: Object as PropType<TypeWidget>,
    default: () => ({}),
  },
});
</script>

<style lang="scss" scoped>
.cLabel {
  font-size: 14px;
  width: 60px;
  text-align: center;
  
}
</style>
